<template>
	<view>
		<view class="box">
			<view class="mobile-text">电话</view>
			<input v-model="mobile" type="number" placeholder="请输入" />
		</view>
		
		<view class="btn" @click="amendMobile">
			确定
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mobile:''
			}
		},
		onLoad(option) {
			this.mobile = option.mobile
		},
		methods: {
			amendMobile(){
				uni.$u.http.post('/updateplusinfo',{
					mobile:this.mobile
				}).then(res => {
					if (res.code == 1) {
						this.$u.toast(res.msg);
						setTimeout(() => {
							uni.navigateBack()
						}, 500)
					}
				}).catch((res) => {
				
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F6F6F6;
	}
    .box {
		width: 622rpx;
		// height: 101rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: auto;
		padding: 29rpx 32rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		.mobile-text {
			font-weight: bold;
			font-size: 30rpx;
			color: #333;
		}
		input {
			text-align: right;
		}
	}
	
	.btn {
		width: 686rpx;
		height: 98rpx;
		background: #FEBF4E;
		border-radius: 49rpx 49rpx 49rpx 49rpx;
		margin: auto;
		font-weight: 500;
		font-size: 30rpx;
		color: #333333;
		line-height: 98rpx;
		text-align: center;
		margin-top: 143rpx;
	}
</style>
